<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>Test system 1.0 - Test result</title>

    <link rel="stylesheet" href="../css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="../css/bootstrap-extended.css" type="text/css">
    <link rel="stylesheet" href="../css/bootstrap-responsive.css" type="text/css">

    <link rel="stylesheet" href="../css/template2.css" type="text/css">

    <script src="../js/jquery.js" type="text/javascript"></script>
    <script src="../js/bootstrap.js" type="text/javascript"></script>
</head>

<body>
<!-- Header -->
<div class="header">
    <img src="../img/logo.png">
    <hr>
</div>

<!-- Container -->
<div class="container">

    <div class="alert alert-success">

        <a class="btn" href="#" title="Site">
            <i class="icon-off"></i> Start New Test
        </a>
        <a class="btn btn-primary" href="#" title="Administrator">
            <i class="icon-lock icon-white"></i> Start Teaching Mode
        </a>
        <a class="btn btn-info" href="#" title="Administrator">
            <i class="icon-lock icon-white"></i> My Statistics
        </a>

        <!-- Button trigger modal -->
        <button class="btn btn-success btn-lg" data-toggle="modal" data-target="#myModalHelp">
            <i class="icon-question-sign icon-white"></i>Show help
        </button>

        <a class="btn btn-warning " href="#" title="Logout" style="float: right;">
            <i class="icon-off icon-white"></i> Logout
        </a>

    </div>


    <div class="content">

        <div class="page-header">
            <h3>Overall statistics</h3>
        </div>

        <table class="statistics-table" >
            <thead>
            <tr >
                <th rowspan="2">Objective</th>
                <th colspan="2">Questions</th>
                <th rowspan="2">Score</th>
            </tr>
            <tr>
                <th>Total</th>
                <th>Correct</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>API Contents</td>
                <td>10</td>
                <td>10</td>
                <td>90%</td>
            </tr>
            <tr>
                <td>Declarations, Initialization and Scoping</td>
                <td>11</td>
                <td>10</td>
                <td>90%</td>
            </tr>
            <tr>
                <td>Flow Control</td>
                <td>11</td>
                <td>8</td>
                <td>72%</td>
            </tr>
            <tr>
                <td>Fundamentals</td>
                <td>11</td>
                <td>10</td>
                <td>90%</td>
            </tr>
            <tr>
                <td>Concurrency</td>
                <td>8</td>
                <td>8</td>
                <td>100%</td>
            </tr>
            <tr>
                <td>OO Concepts</td>
                <td>6</td>
                <td>6</td>
                <td>100%</td>
            </tr>
            <tr>
                <td>Collections / Generics</td>
                <td>7</td>
                <td>7</td>
                <td>100%</td>
            </tr>
            </tbody>
        </table>

    </div>

    <hr>

    <div class="navbar navbar-fixed-bottom">
        <p class="center">© 2013</p>
    </div>


    <!-- Modal -->
    <div class="modal fade" id="myModalHelp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Help</h4>
                </div>
                <div class="modal-body">
                    <p>Our service provides you all things you need to pass a real SCJP certification
                        examination:</p>
                    <ul>
                        <li>Cover 100% with more than 400 Unique Questions</li>
                        <li>Understand the Concepts with Explanations</li>
                        <li>Track Your Progress with statistic reports</li>
                        <li>All answers are verified by Java Experts and 100% correct</li>
                        <li>Exam questions are updated permanently</li>
                        <li>Almost the same type as the real certification exams</li>
                        <li>Questions are tested many times before publishing</li>
                    </ul>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <!--<button type="button" class="btn btn-primary">Save changes</button>-->
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
</div>

</body>
</html>